<template>
  <div>
    <input type="checkbox" :checked="todo.done">
    <label>{{todo.name}}</label>
  </div>
</template>
    
  <script setup lang="ts">
import {TodoItem} from '../types/todo'
//   用ts语法接受父组件传递的数据
defineProps<{
  todo:TodoItem;
}>();
</script>
  
  <style scoped>
</style>